<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书写函数</title>
</head>
<body>
    <!-- 函数概念 ： 就是封装了一段可被重复调用执行的代码块，通过此代码可以实现大量代码的重复使用 -->
    <!-- 函数使用两大步  
                  1 声明函数
                  2 调用函数 -->
                  <script>
                    //   1  声明函数
                    // function 函数名(){
                    //     函数体
                    // }
                    function sayHi(){
                        console.log('hi~~');
                    }
                    //  （1） function 声明函数的关键字 全部小写
                    //  （2） 函数是做某件事，函数名一般是动词 sayHi
                    //  （3） 函数不调用自己不执行

                    //   2  调用函数 
                    //  函数名();
                    sayHi();
                    //  调用函数的时候千万不要忘记加小括号


                    // 第二种声明方式  也叫匿名函数
                    // 函数表达式声明函数
                    // var 变量名 = function(){};
                    var fun = function(aru){
                        console.log('我是函数表达式');
                        console.log(aru);
                    }
                    fun('pink');
                    //  fun 是变量名 不是函数名
                    //  函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值 而 函数表达式里面存的是函数
                    // 函数表达式也可以进行传递参数

                  </script>

                  函数的封装 ：是把一个或者多个功能通过 函数的方式封装起来 对外只提供一个简单的函数接口 （类似于快递打包）
</body>
</html>